import React,{Component} from 'react'
import Header            from './header'
import Swipers           from './swipers'
import List              from './list'
import './index.css'
class Home extends Component{
    state={
        listIsShow:false
    }

    setListIsSHow = ()=> this.setState({listIsShow:!this.state.listIsShow})

    render(){
        const {listIsShow} = this.state
        return <div>
            <Header setListIsSHow={this.setListIsSHow}></Header>
            <Swipers></Swipers>
            {
                listIsShow?<List setListIsSHow={this.setListIsSHow}/>:null
            }
        </div>
    }
}

export default Home